body {
    background: #E8E8E8;
}

//用户名
.user {
    width: 100%;
    height: 209px;
    background: white;
    overflow: hidden;

    .user_name {
        margin-top: 25px;

        .user_name_box1 {
            flex: 8;
            height: 120px;

            .user_name_box1_gb {
                position: relative;
                width: 118px;
                height: 120px;
                border-radius: 50%;
                background: #ccc;
                margin-left: 20px;

                .user_name_box1_vip {
                    position: absolute;
                    right: -1px;
                    bottom: 15px;
                    width: 44px;
                    height: 22px;

                }

            }

            .user_name_p {
                margin-top: 50px;
                padding-left: 10px;
                font-size: 22px;
            }
        }

        .user_name_box2 {
            flex: 2;
            height: 120px;

            .user_name_box2_p {
                color: #8A8A8A;
                margin-top: 50px;
                font-size: 25px;
                padding-left: 30px;

            }
        }
    }
}

.icon-vip {
    font-size: 50px !important;
    color: orangered;
}

.user_name_tex {
    font-size: 18px;
    margin-top: 25px;
    margin-left: 30px;
    color: rgba(138, 138, 138, 1);
}


// 个人动态
.Dynamic {
    width: 100%;
    height: 58px;
    background: white;
    margin-top: 20px;

    .Dynamic_box {
        width: 363px;
        height: 58px;
        margin-right: 10px;

        .boxlt {
            p {
                margin-left: 5px;
                color: rgba(16, 16, 16, 1);
                font-size: 18px;
            }
        }

        .boxrt {
            .ten {
                margin-right: 5px;
                color: rgba(138, 138, 138, 1);
                font-size: 16px;
            }

            .iconfont {
                font-size: 20px;
                color: rgba(138, 138, 138, 1);
            }
        }

    }
}

//运动
.sports {
    width: 100%;
    height: 196px;
    background: #fff;
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 30px;


    .one {
        overflow: hidden;

        .title {
            margin-top: 20px;

            .titlelt {
                p {
                    margin-left: 5px;
                    color: rgba(16, 16, 16, 1);
                    font-size: 18px;
                }
            }

            .titlert {
                .iconfont {
                    font-size: 20px;
                    color: rgba(138, 138, 138, 1);
                }
            }
        }
    }

    .two {
        margin-top: 20px;
        padding-left: 10px;

        .twolt {
            p {
                color: rgba(138, 138, 138, 1);
                font-size: 16px;
            }

            div {
                margin-top: 15px;

                .time1 {
                    color: rgba(66, 148, 255, 1);
                    font-size: 40px;
                }
            }
        }

        .xuxian {
            margin-left: 21px;
            margin-right: 9px;
            border: 1px dashed rgba(187, 187, 187, 1);
        }
    }
}

//徽章
.badge {
    width: 100%;
    height: 196px;
    background: #fff;
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 30px;


    .one {
        overflow: hidden;

        .title {
            margin-top: 20px;

            .titlelt {
                p {
                    margin-left: 5px;
                    color: rgba(16, 16, 16, 1);
                    font-size: 18px;
                }
            }
        }
    }


}

//退出登录
.reg {
    width: 100%;
    height: 58px;
    background-color: #fff;
    margin-top: 20px;
    margin-bottom: 15px;

    p {
        color: rgba(66, 148, 255, 1);
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        line-height: 58px;
    }
}


.foot{
    margin-top: 10px;
    background-color: #fff;
    padding-bottom: 20px;padding-top: 10px;
}